<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width: 575.98px) {
	.linkLine {
		display: none;
	}

	.totop-img {
		display: none;
	}

	.language-box ul {
		width: 110px;
	}

	.navbar-header {
		padding-top: 0;
		flex: 2;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}

	.navbar {
		padding: 10px !important;
		height: 70px
	}

	.header-right .input-box,
	.header-right .language-box img:first-of-type {
		display: none;
	}

	.navbar-collapse {
		background-color: #000;
		width: 96%;
		position: absolute;
		top: 60px;
	}

	.model-box {
		transform: translateY(272px);
	}

	.navbar-header img {
		width: 150px !important;
		margin-left: 32px;
	}

	.product li div {
		width: 100% ;
	/*	border: 1px solid #ccc !important;*/
	}

	.product {
		flex-wrap: wrap ;
	}

	.product li {
		padding: 0;
		margin-bottom: 10px;
	}

	.about .row {
		display: block !important;
	}

	.content-left {
		width: 100% !important;
	}

	.content-right {
		width: 100% !important;
	}

	.about img {
		width: 100%;
	}

	.about .content-right .circles .circle1 {
		width: 200px;
		height: 200px;
	}

	.about .content-right .circles .circle2 {
		width: 100px;
		height: 100px;
	}

	.about .content-right .circles .circle3 {
		width: 50px;
		height: 50px;
	}





	.about {
		position: relative !important;

	}

	.about .about-more {
		position: absolute;
		bottom: -388px;
		left: 85px;
	}

	.about h1 {
		font-size: 30px;
	}


	.list {
		flex-wrap: wrap;
		width: 95%;
		padding: 0;
		bottom: 55px;
	}

	.list li {
		width: 50%;
		height: 142px;
	}

	.list li:first-child,
	.list li:nth-child(2) {
		border-bottom: 1px solid #ccc;
	}


	.about .content-right .circles img {
		left: 24%;
	}

	.content-left .desc1 {
		line-height: 28px;
	}

	.about .content-right {
		padding-top: 55px;
	}

	.globle-layout {
		padding-top: 0;
	}

	.globle-logos {
		width: 100%;
	}

	.map {
		width: 100%;
	}



	footer .container {
		display: block;
	}

	footer .box1 {
		padding-right: 0;
	}

	footer .box2 {
		padding-top: 30px;
	}

	footer .footer-logo {
		width: 50%;
	}

	footer .box2 h2,
	footer .box3 h2 {
		font-size: 26px;
		padding-bottom: 15px;
	}

	.copyright-num {
		border-top: 1px solid #eee;
		padding-top: 10px;
	}

	footer .box2,
	footer .box3 {
		padding-left: 10px;
	}

	footer .box2 ul {
		width: 50%;
	}

	footer .box2 ul li {
		padding-bottom: 10px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.totop-img {
		display: none;
	}

	.header-right .input-box {
		display: none;
	}

	.about .content-right .circles img {
		left: 17%;
	}

	.product li&gt;div {
		padding-bottom: 0;
	}




	.product li {
		padding: 0;
		margin-right: 20px;
	}

	.product li&gt;div {
		padding-bottom: 0;
	}


	.model-box {
		transform: translateY(270px);
		padding: 10px;
		transition: all linear 0.5s;
	}

	.model-box p:nth-of-type(2) {
		font-size: 14px;
	}

	.product li :hover .model-box {
		transform: translateY(0);
	}

	.content-left,
	.content-right {
		width: 100%;

	}

	.about .row {
		display: block;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.totop-img {
		display: none;
	}

	.navbar {
		display: flex;
		justify-content: space-between;
	}

	.product li&gt;div {
		padding-bottom: 0;
	}


	.product li {
		padding: 0;
		margin-right: 20px;
	}

	.product li&gt;div {
		padding-bottom: 0;
	}

	.model-box {
		transform: translateY(250px);
		transition: all linear 0.5s;
		padding: 10px;
	}

	.product li :hover .model-box {
		transform: translateY(0);
	}

}


@media (min-width: 992px) and (max-width: 1199.98px) {



	.product li&gt;div {
		padding-bottom: 0;
	}

	.model-box {
		transform: translateY(210px);
		padding: 10px;
	}

	.product li :hover .model-box {
		animation: show .5s;
		animation-fill-mode: forwards;
	}

	@keyframes show {
		from {
			transform: translateY(210px);
		}

		to {
			transform: translateY(0);
		}
	}

}

@media (min-width: 1200px) {
	/* .navbar {
		display: flex;
		justify-content: space-between;
	} */
}</pre></body></html>